<!doctype html>
<html>
<head>
 <title>IE7 {CSS2: auto}</title>

 <!-- Compliance patch for Microsoft browsers -->
 <!--[if lt IE 9]>
 <script src="../trunk/lib/IE9.js"></script>
 <script src="../trunk/lib/ie7-squish.js"></script>
 <![endif]-->

 <style>

   div {
    border: 5px solid black;
   }

   #container {
    width: 600px;
    height: 300px;
    background: url(horizontal-gauge.gif);
   }

   #float {
    float: left;
    width: 190px;
    height: 150px;
    margin: 20px 0 5px 100px;
    background: green;
   }

 </style>
</head>
<body>
 <script src="ie7-demo.js"></script>
 <h2><a href="http://www.positioniseverything.net/explorer/doubled-margin.html">Doubled Margin Bug</a></h2>

 <div id="container"><div id="float"></div></div>

 <p>&lt;&nbsp;<a href="index.html">back</a></p>
</body>
</html>
